/**
 reset css
*/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    color: #000;
}

textarea {
    resize: none;
}

.sina-weibo {
    background: url(/static/image/sina_LOGO_24x24.png) no-repeat;
}

.fav-heart {
    background: url(/static/image/favorite_love.png) no-repeat;
}

.arrow {
    margin-left: 5px;
    border-width: 8px 5px 0;
    border-color: #d5d5d5 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
}

.search-form input {
    padding: 4px 9px;
    width: 200px;
    resize: none;
    border: 0!important;
    overflow: hidden;
    outline: none;
}

.hidden {
    display: none;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    outline: none;
}

li.li-right {
    float: right !important
}

.tips {
    color: rgb(243, 78, 171);
}

.not-ready {
    cursor: wait !important;
}

.after-vote {
    background-color: #DDD !important;
    background-position: left -17px !important;
    cursor: default !important;
}

.dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    _width: 160px;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    display: none;
}

.dropdown-menu span.submenu-onecolumn a {
    color: #555555 !important;
}

.dropdown-menu span.submenu-onecolumn a:hover {
    color: #000 !important;
}

/**/
body {
    font: 12px Helvetica,Arial,sans-serif;
    line-height: 1.62;
    color: #111;
}

/*顶部导航条*/
#top-nav {
    height: 50px;
    color: #d5d5d5;
    background-color: #545652;
    min-width: 1000px;
}

#top-container {
    width: 1000px;
    margin: 0 auto 0 auto;
}

#top-container h1 {
    display: block;
    float: left;
    overflow: hidden;
    background: #FFF url(../image/logo.gif) no-repeat 0 0;
    width: 200px;
    height: 50px;
    text-indent: -9999px;
}

#top-container h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

#top-container ul {
    display: block;
    float: left;
    margin: 15px 0 0 10px;
}

#top-container ul li.tag {
    float: left;
    max-width: 100px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#top-container ul li.dropdown {
    overflow: visible !important;
}

#top-container ul.dropdown-menu {
    margin: 5px 0 0 5px;
    padding: 10px 0;
    display: none;
}

#top-container ul.tag-item {
    width: 450px;
}

#top-container ul.dropdown-menu span {
    display: block;
    float: left;
    margin: 0 20px;
}

#top-container ul.dropdown-menu li {
    line-height: 25px;
    font-size: 15px;
}

#top-container  a {
    text-decoration: none;
    padding: 0 8px;
    color: #d5d5d5;
}

#top-container  a:hover {
    background-color: transparent;
    color: #FFF;
}

#top-container .search-form {
    float: left;
    width: 250px;
}

#top-container .search-form input {
    margin: 10px 0 0 10px;
}

#top-container .top-nav-info {
    float: right;
    margin: 15px 0px 0 0;
}

#top-container .top-nav-info #user-status {
    float: left;
}

#top-container .top-nav-info #user-status  span {
    color: lightblue;
    display: inline-block;
    margin: 0 5px 0 5px;
}

#top-container .top-nav-info .warning {
    color: RED !important;
}

#top-container .top-nav-info  #user-info {
    float: left;
}

/*中间导航条*/

#book-nav {
    margin: 5px auto 0 auto;
    width: 1000px;
    height: 35px;
    background: rgb(206, 235, 230);
    font-size: 17px;
}

#book-nav a {
    text-decoration: none;
    color: #072;
}

#book-nav a:hover {
    background-color: #072;
    color: #fff;
}

#book-nav ul {
    width: 100%;
    display: block;
    float: left;
    margin: 3px 10px 0 10px
}

#book-nav ul li {
    float: left;
    width: 100px;
}

#book-nav ul li.li-right {
    margin-right: 10px;
}

/*数据列表*/
#book-show {
    margin: 5px auto 5px auto;
    width: 1000px;
    font-size: 17px;
}

#book-show ul {
    display: block;
    float: left;
}

#book-show ul li {
    position: relative;
    width: 200px;
    float: left;
    margin: 10px 0px 30px 0;
    background: #eeeeee;
    -webkit-box-shadow: 10px 10px 41px rgba(78, 78, 78, 0.25);
    -moz-box-shadow: 10px 10px 41px rgba(78, 78, 78, 0.25);
    box-shadow: 10px 10px 41px rgba(78, 78, 78, 0.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) 
        progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=90,strength=5) 
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) 
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6);
}

.one-book {
    width: 100%;
    margin: 10px auto 0 auto;
    font-size: 12px;
    text-align: center;
    height: 240px;
}

.one-book .book-cover img {
    width: 130px;
    height: 180px;
}

.one-book .book-info p {
    width: 100%;
    display: inline;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.one-book .book-info {
    padding: 0 5px;
}

.one-book .book-info a {
    text-decoration: none;
}

.one-book .book-info a:hover {
    color: #000;
}

.one-book .book-info .book-name {
    color: #666;
    padding-left: 10px;
    margin: 7px 5px 0 0;
    display: inline-block;
    font-size: 14px;
    width: 140px;
    overflow: hidden;
}

.one-book .book-info .book-author {
    color: #666;
    font-size: 13px;
}

#book-pagination {
    clear: both;
    margin: 10px auto 10px auto;
    width: 1000px;
    height: 50px;
}

#book-pagination span {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    font-size: 15px;
}

#book-pagination a {
    padding: 0 10px;
    color: #072;
}

#book-pagination a:hover {
    background: #DDD;
}

#book-pagination .tips {
    line-height: 34px;
    float: left;
    margin: 0 0 0 10px;
}

#footer-nav {
    clear: both;
    margin: 20px auto 30px auto;
    width: 1000px;
    height: 50px;
}

#footer-nav ul {
    display: block;
    float: left;
    margin: 15px 0 0 10px;
}

#footer-nav ul li {
    float: left;
    margin-right: 8px;
    width: 100px;
    font-size: 16px;
}

#footer-nav a {
    color: #999;
}

#footer-nav a:hover {
    color: #666;
}

#footer-nav ul li.sina-weibo {
    padding-left: 30px;
}

#wrapper {
    clear: both;
    width: 1000px;
    margin: 10px auto 0 auto;
}

#wrapper h2 {
    word-wrap: break-word;
    display: block;
    font-size: 25px;
    font-weight: bold;
    color: #494949;
}

#bookForm {
    margin: 0 0 0 0;
}

#bookForm label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 15px;
}

#bookForm span {
    display: block;
    margin-bottom: 5px;
    color: rgb(97, 96, 96);
}

#bookForm span a {
    color: #06d;
}

#bookForm span.tag {
    display: inline-block;
    width: 100px;
    font-size: 16px;
    color: #000;
}

#bookForm div {
    margin: 10px 10px 10px 0;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
}

#bookForm input[type="text"] {
    padding: 4px 9px;
    width: 300px;
    resize: none;
    overflow: hidden;
    outline: none;
}

#bookForm input[type="checkbox"] {
    height: 20px;
    width: 20px;
}

#bookForm textarea {
    padding: 4px 9px;
    width: 300px;
    font-size: 13px;
    line-height: 1.62;
    overflow: hidden;
    outline: none;
    height: 60px;
}

#single-book-info {
    padding: 10px 10px 0 20px;
    float: left;
    width: 600px;
    border-right: 1px dotted #DDD;
}

#single-book-info a {
    color: #37a;
}

#single-book-info a:hover {
    color: #FFF;
    background: #37a;
}

a.a_show_full {
    font-size: 16px;
}

#single-book-info .meta span {
    display: block;
    float: left;
    margin: 0 10px 0 5px;
    font-size: 13px;
    color: rgb(125, 125, 126);
}

#single-book-info .summary {
    clear: both;
    float: left;
    margin: 10px 10px 0 0;
    width: 100%;
}

#single-book-info .summary img {
    width: 130px;
    height: 180px;
    float: right;
    margin: 0px 10px;
}

#single-book-info .summary p {
    padding: 7px 0;
}

#single-book-info .list {
    clear: both;
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}

#single-book-info .list div.nav-title {
    color: #007722;
    font-size: 16px;
    float: left;
}

#single-book-info .list input {
    float: right;
    margin: 5px 20px 0 20px;
}

#single-book-info .list ul {
    clear: both;
    float: left;
    border-top: 1px solid #DDD;
    margin: 10px 0 0 0;
    width: 100%;
    padding: 10px 0 0 0;
}

#single-book-info .list ul .resource-item {
    float: left;
    border-bottom: 1px dotted #DDD;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

#single-book-info .list ul .resource-item .vote {
    float: left;
    display: block;
}

#single-book-info .list ul .resource-item .vote span {
    height: 17px;
    display: block;
    font-size: 13px;
    color: #37a;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}

#single-book-info .list ul .resource-item .vote .btn-vote {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: left top;
    background: #DFEAF4;
    clear: right;
    height: 17px;
    width: 19px;
}

#single-book-info .list ul .resource-item .vote .vote-up {
    background-image: url('/static/image/vote-up.gif');
}

#single-book-info .list ul .resource-item .vote .vote-down {
    background-image: url('/static/image/vote-down.gif');
}

#single-book-info .list ul .resource-item .vote a:hover {
    background-color: #EA4C89;
    background-position: left -17px;
}

#single-book-info .list ul .resource-item .name {
    float: left;
    margin: 0 0 0 20px;
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

#single-book-info .list ul .resource-item .name h3 {
    font-weight: bold;
    color: #37a;
    font-size: 13px;
    display: inline;
}

#single-book-info .list ul .resource-item .action {
    float: left;
    width: 360px;
}

#single-book-info .list ul .resource-item .action .download-times {
    float: left;
    margin: 7px 0 0 0;
}

#single-book-info .list ul .resource-item .action input {
    border: 0;
    padding: 5px 10px;
    background: rgb(218, 218, 218);
    color: rgb(78, 78, 78);
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    float: left;
    margin: 5px 5px 0 20px;
}

#single-book-info .list ul .resource-item .action .btn {
    border: 0;
    padding: 4px 10px;
    background: rgb(218, 218, 218);
    color: rgb(78, 78, 78);
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    float: left;
    margin: 3px 5px 0 20px;
}

#single-book-info .list ul .resource-item .uploader {
    float: right;
    margin: 0 10px 0 10px;
    width: 180px;
}

#single-book-info .list ul .resource-item .uploader img {
    width: 40px;
    height: 40px;
    display: block;
    float: right;
}

#single-book-info .list ul .resource-item .uploader span {
    float: right;
    color: #999;
}

#single-book-info .list ul .resource-item ul.comment-list {
    clear: both;
    float: left;
    display: block;
    margin: 10px 0 0 40px;
    width: 550px;
    color: #999;
    border: 0;
    padding: 0;
}

#single-book-info .list ul .resource-item ul.comment-list li {
    display: block;
    float: left;
    border-top: 1px dotted #DDD;
    padding-top: 5px;
    width: 100%;
}

#single-book-info .list ul .resource-item ul.comment-list div.avatar {
    float: left;
    width: 30px;
}

#single-book-info .list ul .resource-item ul.comment-list div.avatar img {
    width: 20px;
    height: 20px;
}

#single-book-info .list ul .resource-item ul.comment-list div.name {
    float: left;
    width: 100px;
    overflow: hidden;
    margin: 0;
}

#single-book-info .list ul .resource-item ul.comment-list div.date {
    float: right;
}

#single-book-info .list ul .resource-item ul.comment-list div.content {
    clear: both;
    float: left;
    margin: 5px 0 0 0;
    color: #000;
}

#single-book-info .list ul .resource-item ul.comment-list div.content span {
    padding: 0px 5px;
    margin: 0 5px;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    background: #FFF;
}

#single-book-info .list ul .resource-item ul.comment-list div.content p {
    margin: 5px 0 0 5px;
}

#single-book-info .list ul .resource-item ul.comment-list div.comment-action {
    clear: both;
    float: left;
    margin: 5px 0 5px 5px;
    color: #000;
    width: 100%;
}

#single-book-info .list ul .resource-item ul.comment-list div.comment-action a{
    color: #999;
    font-size: 14px;
}

#single-book-info .list ul .resource-item ul.comment-list div.comment-action a:hover{
    text-decoration: underline;
    color: #698ebf;
    background:none;
}

#single-book-info .list ul .resource-item ul.comment-list textarea {
    display: block;
    width: 100%;
}
#single-book-meta {
    float: right;
    width: 360px;
}

#single-book-meta h2 {
    color: #007722;
    font-size: 18px;
    margin: 10px 0 0 20px;
}

#single-book-meta ul {
    margin: 10px 0 0 20px;
}

#single-book-meta ul a {
    color: #37a;
}

#single-book-meta ul li {
}

#single-book-meta .rating_num {
    color: red;
    font-size: 15px;
    line-height: 18px;
    padding: 0 0 0 8px;
}

#single-book-meta div.rating {
    margin: 10px 0 0 20px;
}

#single-book-meta div.actions {
    margin: 10px 0 0 20px;
}

#single-book-meta div.actions span {
    display: block;
    height: 24px;
    margin: 5px 0 5px 0;
}

#single-book-meta div.actions span a {
    font-size: 15px;
    margin: 0 0 0 30px;
    color: rgb(243, 78, 171);
}

#sign {
    margin: 0 0 0 0;
}

#sign label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 15px;
}

#sign span {
    margin-bottom: 5px;
    color: rgb(97, 96, 96);
}

#sign div#step_2 {
    font-size: 20px;
}

#sign span.tips {
    color: rgb(255, 0, 0);
    font-weight: bold;
}

#sign div {
    margin: 10px 10px 10px 0;
    padding-top: 10px;
}

#sign div#error {
    font-size: 20px;
    margin: 0;
    color: rgb(255, 0, 0);
    display: none;
}

#sign div.error {
    font-size: 20px;
    margin: 0;
    color: rgb(255, 0, 0);
}

#sign input[type="text"] {
    padding: 4px 9px;
    width: 300px;
    resize: none;
    overflow: hidden;
    outline: none;
}

#sign input[type="password"] {
    padding: 4px 9px;
    width: 300px;
    resize: none;
    overflow: hidden;
    outline: none;
}

#kindle label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 15px;
}

#kindle input[type="text"] {
    padding: 4px 9px;
    width: 300px;
    resize: none;
    overflow: hidden;
    outline: none;
}

#kindle span {
    margin-bottom: 5px;
    color: rgb(97, 96, 96);
    display: block;
}

#kindle span a {
    color: #06D;
    text-decoration: none;
}

#kindle span strong {
    font-weight: bold;
    background-color: #ffc;
}

#wrapper #error {
    font-size: 20px;
    margin: 0;
    color: rgb(255, 0, 0);
}

.bigstar50, .bigstar45, .bigstar40, .bigstar35, .bigstar30, .bigstar25, .bigstar20, .bigstar15, .bigstar10, .bigstar05, .bigstar00 {
    display: inline-block;
    zoom: 1;
    width: 75px;
    height: 14px;
    background: url("/static/image/bigstars.gif") no-repeat;
    margin: 1px 0 0 0;
    overflow: hidden;
}

.bigstar50 {
    background-position: 0 0
}

.bigstar45 {
    background-position: 0 -14px
}

.bigstar40 {
    background-position: 0 -28px
}

.bigstar35 {
    background-position: 0 -42px
}

.bigstar30 {
    background-position: 0 -56px
}

.bigstar25 {
    background-position: 0 -70px
}

.bigstar20 {
    background-position: 0 -84px
}

.bigstar15 {
    background-position: 0 -98px
}

.bigstar10 {
    background-position: 0 -112px
}

.bigstar05 {
    background-position: 0 -126px
}

.bigstar00 {
    background-position: 0 -140px
}

ul.userGroup {
    background: url(/static/image/border.gif) repeat;
    margin: 20px 0 20px 0;
    width: 100%;
    padding: 5px 0 5px 10px;
    float: left;
}

ul.userGroup li {
    float: left;
    margin: 0 30px 0 0;
    font-size: 15px;
}

ul.userGroup li a {
    color: #777;
}

ul.userGroup li a:hover {
    color: rgb(255, 0, 0);
}

ul.userGroup li a.active {
    color: #EA4C89;
}

#statistics {
    display: none;
}

#user-card {
    float: right;
    display: block;
    width: 300px;
    height: 190px;
    background: rgb(255, 246, 237);
    overflow: hidden;
}

#user-card #space-title {
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #f5e9db;
    padding: 5px;
}

#user-card #space-title .items {
    float: left;
    width: 180px;
    margin: 5px 0 0 5px;
}

#user-card #space-title div.item {
    line-height: 2;
    width: 120px;
}

#user-card a {
    color: #37a;
}

#user-card #space-title img.avatar {
    float: right;
    width: 100px;
    margin: 5px 15px 0 0;
}

#user-card #space-info {
    width: 300px;
    display: block;
    overflow: hidden;
    margin: 10px 0 0 5px;
    padding: 5px;
}

#user-card #space-info .item {
    width: 260px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}



/*notify*/
/*
*  Notify Bar - jQuery plugin
*
*  Copyright (c) 2009-2013 Dmitri Smirnov
*
*  Licensed under the MIT license:
*  http://www.opensource.org/licenses/mit-license.php
*  
*  Version: 1.4
*
*  Project home:
*  http://www.whoop.ee/posts/2013-04-05-the-resurrection-of-jquery-notify-bar/
*/

/* Default bars' style */
.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#efefef;
  font-size:18px;
  color:#000;
  text-align:center;
  font-family: Arial, Verdana, sans-serif;
  padding:20px 0px;
  cursor: pointer;
  border-bottom:1px solid #ddd;
  -webkit-box-shadow: inset 0 -1px 0 0 #fff;
     -moz-box-shadow: inset 0 -1px 0 0 #fff;
          box-shadow: inset 0 -1px 0 0 #fff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.jquery-notify-bar.bottom {
  bottom:0;
  top:auto;
  border-top:1px solid #ddd;
  border-bottom:0;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
     -moz-box-shadow: inset 0 1px 0 0 #fff;
          box-shadow: inset 0 1px 0 0 #fff;
}
.jquery-notify-bar.top {}

/* Style for errors */
.jquery-notify-bar.error {
  color:#f00;
  background-color:#fdd;
}
.jquery-notify-bar.error .notify-bar-text-wrapper {
  background: transparent url("../image/cross.png") no-repeat center left;
  padding-left:20px;
}

/* Style for warning */
.jquery-notify-bar.warning {
  color:#000;
  background-color:#fffaaa;
}
.jquery-notify-bar.warning .notify-bar-text-wrapper {
  background: transparent url("../image/error.png") no-repeat center left;
  padding-left:20px;
}

/* Style for success (notice) */
.jquery-notify-bar.success {
  color:#060;
  background-color:#BBFFB6;
}
.jquery-notify-bar.success .notify-bar-text-wrapper {
  background: transparent url("../image/tick.png") no-repeat center left;
  padding-left:20px;
}

/* Style for close button */
.notify-bar-close {
  position:absolute;
  left:95%;
  font-size:11px;
}

#history-nav{
    float: left;
    width: 700px;
    height: 35px;
    background: #ceebe6;
    font-size: 17px;
}
#history-nav span{
    color: #072;
    font-size: 16px;
    float: left;
    margin: 5px 0 0 5px;
}
#history-nav ul{
    width: 100%;
    display: block;
    float: left;
    margin: 3px 10px 0 10px;
}

#history-nav ul li{
    float: left;
    width: 100px;
}

#history-nav a{
    text-decoration: none;
    color: #072;
}

#history-nav a:hover {
    background-color: #072;
    color: #fff;
}
#history-list{
    float: left;
    width: 700px;
    margin: 5px 0 10px 0;
}

#history-list ul {
    display: block;
    float: left;
}

#history-list ul li {
    position: relative;
    width: 200px;
    float: left;
    margin: 10px 25px 10px 0px;
    background: #eee;
    -webkit-box-shadow: 10px 10px 41px rgba(78,78,78,0.25);
    -moz-box-shadow: 10px 10px 41px rgba(78,78,78,0.25);
    box-shadow: 10px 10px 41px rgba(78,78,78,0.25);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=90,strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6);
}

.items-nav{
    float: left;
    width: 700px;
    color: #072;
    font-size: 14px;
}

.items-nav:hover{
    background: #f2fbf2;
}

.items-nav a{
    color: #37a;
}

.items-list{
    float: left;
    width: 700px;
    margin: 5px 0 5px 0;    
}

.items-list ul {
    display: block;
    float: left;
}

.items-list ul li {
    position: relative;
    width: 100px;
    float: left;
    margin: 10px 25px 10px 0px;
  }

.sone-book {
    width: 100%;
    margin: 10px auto 0 auto;
    font-size: 12px;
    text-align: center;
    height: 120px;
}

.sone-book .book-cover img {
    width: 80px;
    height: 110px;
}
